﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="mfDjackVehicle.aspx.cs" Inherits="msBsc.WebUi.mfDjackVehicle" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>手机地接客</title>
    <%=getMeta()%>
    <link rel="stylesheet" type="text/css" href="/themes/mStyle1/mGlobal.css" charset="gbk" />
    <%=getBodyBeforeJs()%>
    <%--<script src="/??jqPlugin/js/jquery-1.8.3.min.js,js/jBase.js,js/jmPage.js,themes/Style1/jsQt.js,jqPlugin/js/laytpl.js"
        type="text/javascript"></script>
    <script type="text/javascript" src="/jqPlugin/js/jBase.js"></script>--%>
     <script type="text/javascript" src="/jqPlugin/js/jquery-1.8.3.min.js"></script>
    <script type="text/javascript" src="/jqPlugin/js/jBase.js"></script>
    <script type="text/javascript" src="/jqPlugin/js/jmPage.js"></script>
    <script type="text/javascript" src="/themes/Style1/jsQt.js"></script>
    <script type="text/javascript" src="/jqPlugin/js/laytpl.js"></script>
    <script src="/themes/wStyle1/js/comm/VerifyJs.js"></script>
    <script type="text/javascript">
        $(window).load(function () {
        });
    </script>
    <!--head fix rgn-->
    <style type="text/css">
        .vehicleListContent {
            clear: both;
            width: 99.3%;
            padding: 0 15px 0 15px;
            float: left;
            min-width: 300px;
        }

        #vehicleList {
            width: 99.8%;
            background-color: #fff;
            margin: 0;
            padding: 0;
            float: left;
        }

            #vehicleList li {
                width: 100%;
                padding: 10px;
                border-bottom: 1px solid #c0c0bf;
                min-width: 300px;
                float: left;
            }

                #vehicleList li img {
                    clear: left;
                    width: 25%;
                    min-width: 80px;
                    vertical-align: middle;
                    float: left;
                    max-height: 140px;
                }

        .vehicleinfo-wrap {
            width: 71%;
            padding: 5px 0 5px 20px;
            float: left;
        }

        .vehicle-name a {
            font-size: 1.2em;
            font-family: 微软雅黑;
            color: #333;
            width: 100%;
        }

        .vehicle-price {
            clear: left;
            font-family: Adobe 黑体 Std;
            font-size: 1.5em;
            line-height: 3em;
            color: #db0000;
        }

        .vehicle-brand {
            font-family: 微软雅黑;
            font-size: 0.8em;
            color: #999;
        }

        .vehicle-to-order {
            font-family: Adobe 黑体 Std;
            font-size: 1.5em;
            color: #fff;
            background-color: #0a7fc6;
            line-height: 2em;
            text-align: center;
            padding: 0 20px;
            border-radius: 5%/15%;
            display: block;
            float: right;
        }

        @media (max-width:420px) {
            .vehicle-to-order {
                float: none;
                margin-top: 5px;
                width: 65%;
            }
        }

        .fotter {
            clear: both;
        }
    </style>
    <link href="/themes/mStyle1/css/public/mDjackPersonalBase.css" rel="stylesheet" />
    <link rel="stylesheet" href="/themes/mStyle1/mSearch.css" />
    <link href="/themes/mStyle1/css/home/base.css" rel="stylesheet" />
    <%--    <link rel="stylesheet" href="/themes/Style1/schList.css" />--%>
    <base target="_self" />
</head>
<body>
    <div class="viewport" style="background-color: #edeeee">
        <%=msBsc.WebUi.Code.QtHtmlGet.GetWapHeaderMenuHtml(true) %>
        <input type="hidden" id="hidDjackId" value="" />
        <div class="djack-baseinfo">
            <div class="show-specity">
                <div class="djack-headerPic">
                    <img src="" />
                </div>
                <div class="djack-largename">
                    <span id="name"></span><span id="icon-gender">
                        <img src="" /></span>
                </div>
                <div class="djack-servivelable">
                </div>
                <div class="djack-linkonline">
                    <div class="linkonline-text">
                        <img src="/themes/mStyle1/Image/public/linkonline_w.png" /><span>在线联系</span>
                    </div>
                </div>
            </div>
            <div class="show-conaction">
                <div class="djack-name-phone">
                    <div class="djack-show-name"></div>
                    <div class="djack-show-phone" style="float: right; clear: both">
                        <a title="点击拨打电话" id="callSeller">
                            <img src="/themes/mStyle1/Image/public/phone_ioc.png" /><span class="djack-phone"></span></a>
                    </div>
                </div>
                <div class="djack-areainfo">
                </div>
                <div class="djack-intro">
                </div>
            </div>
        </div>
        <div class="menu-tags">
            <ul>
                <li class="tagselected">包车旅游</li>
                <li class="recommd">旅游推荐</li>
                <li class="personal">个人中心</li>
            </ul>
        </div>
        <div class="vehicleListContent">
            <ul id="vehicleList">
            </ul>

            <xmp id="svc_list_temp_vehicle" style="display: none">
            {{#for(var i=0,len=d.rows.length;i < len;i++){ }}
                   <li>
                    <a href="/mp_VehicleInfo.htm?vehicleId={{d.rows[i].VEHICLE_INFO_ID}}"><img src="{{d.rows[i].VEHICLE_DEFAULT_PIC}}  196x140img.jpg" /></a>
                    <div class="vehicleinfo-wrap">
                        <div class="vehicle-name"><a href="/mp_VehicleInfo.htm?vehicleId={{d.rows[i].VEHICLE_INFO_ID}}">{{d.rows[i].VEHICLE_NAME}}</a></div>
                        <div class="vehicle-price">￥{{d.rows[i].VEHICLE_PRICE_DAY}}/天</div>
                        <div class="vehicle-order">
                            <span class="vehicle-brand">{{d.rows[i].VEHICLE_BRAND_NAME}} / {{d.rows[i].VEHICLE_SERVICE_TYPE_NAME}} / {{d.rows[i].VEHICLE_SEATS}}座</span>
                            <a class="vehicle-to-order" href="/mb_AddOrder.htm?carid={{d.rows[i].VEHICLE_INFO_ID}}">立即预定</a>
                        </div>
                    </div>
                </li>
            {{#} }}
            </xmp>
        </div>
        <%=msBsc.WebUi.Code.QtHtmlGet.GetWapMenuHtml() %>
    </div>

    <script src="/themes/mStyle1/mDjackPersonalComm.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $.getMessageCount();
            $("#callSeller").live("click", function () {
                var tel = $(this).attr("href");
                if (IsNull(tel) || tel.indexOf(":") < 0) {
                    tel = "";
                }
                tel = tel.split(":")[1];
                var _jsParam = new jsonRow();
                _jsParam.AddCell("pg_url", tel);
                _jsParam.AddCell("pg_name", "手机点击");
                _jsParam.AddCell("pg_code", "m0018");
                _jsParam.AddCell("ACTION", "telClick");
                ajaxComm(_jsParam);
            });
        });
        function GetDjackVehicle() {
            var _parms = new jsonRow();
            _parms = addNoAreStatistics(_parms, "地接客详情", "m0017");
            _parms.AddCell("ACTION", "init");
            _parms.AddCell("djackId", $("#hidDjackId").val());
            ajaxComm(_parms);
        }
        GetDjackVehicle();
    </script>
</body>
</html>
